<!-- 分类按钮组件 -->
<template>
  <button
    @click="$emit('click')"
    class="flex items-center justify-center px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
  >
    <span class="text-gray-700">{{ category }}</span>
  </button>
</template>

<script setup lang="ts">
defineProps<{
  category: string
}>()

defineEmits<{
  (e: 'click'): void
}>()
</script> 